$(function(){
    // 初始化 提示框
    $('[data-toggle="tooltip"]').tooltip()
    let items = $(".carousel-inner .item")
    // console.log(items);
    // 监听窗口大小发生改变
    $(window).on('resize',function () {
        // console.log('aaa');
        // 获取窗口的宽度
        let width = $(window).width()
        // console.log(width);
        // 判断
        if(width>=768){// 在PC端
           $.each(items, function (indexInArray, valueOfElement) { 
                // let item = $(this)
                // console.log(valueOfElement);
                let bigImg = $(valueOfElement).data("bigImg")
                // console.log(bigImg)
                $(valueOfElement).html(`<a href="#" class="pcImg hidden-xs" style="background-image: url(${bigImg});"></a>`)
           });
        }else {
            $.each(items, function (indexInArray, valueOfElement) { 
                // let item = $(this)
                // console.log(valueOfElement);
                let smallImg = $(valueOfElement).data("samllImg")
                
                $(valueOfElement).html(`<a href="#" class="phoneImg hidden-sm hidden-md hidden-lg">
                <img src="${smallImg}" alt="...">
              </a>`)
           });
        }
      }).trigger('resize')


    //  手指滑动
    let carousel = $('.carousel')[0]
    let startX = 0;//手指起始位置
    let endX = 0 ;//停止滑动的位置

    carousel.addEventListener("touchstart",function (event) {
        console.log(event);
        startX=event.targetTouches[0].clientX
    })
    carousel.addEventListener("touchend",function (event) {
        console.log(event);
        endX=event.changedTouches[0].clientX

        if(startX - endX > 0){
            $('.carousel').carousel("next")
        }else{
            $('.carousel').carousel("prev")
        }
    })


    //  计算ul的宽度
    let ul = $(".wjs-recommend .nav-tabs")
    let lis = $(ul).find('li')
    let totalWidth=0;// 总宽度 初始化是零
    $.each(lis, function (indexInArray, li) { 
        // .width() 只获取内容的宽
        // innerWidth() 只获取内容的宽 + border
        // outerWidth() 只获取内容的宽 + border + border
        // outerWidth(true) 只获取内容的宽 + border + border + margin
         let width = $(li).outerWidth(true)
         totalWidth+=width
         console.log("width="+width);
    });
    console.log("totalWidth="+totalWidth);
    $(ul).width(totalWidth);

    var myScroll = new IScroll('#wrapper',{
        scrollX: true, scrollY: false
    });


    // 导航的点击事件
    $(".wjs-nav .navbar-collapse li").on('click',function () {
        $(this).addClass("active").siblings("li").removeClass('active')
        $(this).parent('ul').siblings('ul').children('li').removeClass('active')
    })
})